﻿<!DOCTYPE html>
<html>

<head>

    <meta charset="UTF-8">

    <title>R4U Activation</title>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/payment.css" rel="stylesheet" />

</head>

<body>

    <section class="layer plans">
        <section>

            <form style="display: inline" action="/Payment/RedirectFromPaypal">
                <input type="hidden" name="product" value="30 Day Trial" />
                <input type="hidden" name="totalPrice" value="0.0" />
                <section class="third lift plan-tier" onclick="location.href='#';">
                    <h4>30 Day Free Trial</h4>
                    <h5><sup class="superscript">$</sup><span class="plan-price">0</span><sub> /mo</sub></h5>

                    <p class="early-adopter-price">Try it for free</p>

                    <ul>
                        <li><strong>2</strong> Vacancy Postings</li>
                        <li><strong>5</strong> User Views</li>
                        <li><strong>Limited Functionalities</strong></li>
                        <li>30 day <strong>free trial</strong></li>
                    </ul>
                    <p>
                        <button type="submit" class="btn btn-primary">Activate Trial</button>
                    </p>
                </section>
            </form>



            <form style="display: inline" action="/Payment/ValidateCommand">
                <input type="hidden" name="product" value="R4U Monthly Subscription" />
                <input type="hidden" name="totalPrice" value="9.0" />
                <section class="third lift plan-tier callout" onclick="location.href='#';">

                    <h6>Most Popular</h6>
                    <h4>Monthly Subscription</h4>
                    <h5><sup class="superscript">$</sup><span class="plan-price">9</span><sub> /mo</sub></h5>

                    <p class="early-adopter-price">Premium Subscription</p>
                    <br>

                    <ul>
                        <li><strong>Unlimited</strong> Vacancy Postings</li>
                        <li><strong>Unlimited</strong> User Views</li>
                        <li><strong>Unlimited Functionalities</strong></li>
                        <li><strong>Monthly Subscription</strong></li>
                    </ul>

                    <p>
                        <button type="submit" class="btn btn-primary">Subscribe</button>
                    </p>

                </section>
            </form>


            <form style="display: inline" action="/Payment/ValidateCommand">
                <input type="hidden" name="product" value="R4U Annual Subscription" />
                <input type="hidden" name="totalPrice" value="49.0" />
                <section class="third lift plan-tier" onclick="location.href='#';">

                    <h4>Annual Subscription</h4>
                    <h5><sup class="superscript">$</sup><span class="plan-price">49</span><sub> /yr</sub></h5>

                    <p class="early-adopter-price">Premium Subscription</p>

                    <ul>
                        <li><strong>Unlimited</strong> Vacancy Postings</li>
                        <li><strong>Unlimited</strong> User Views</li>
                        <li><strong>Unlimited Functionalities</strong></li>
                        <li><strong>Annual Subscription</strong></li>
                    </ul>

                    <p>
                        <button type="submit" class="btn btn-primary">Subscribe</button>
                    </p>

                </section>
            </form>

            <div style="clear: both"></div>
        </section>
    </section>

</body>

</html>
